<%--
  Created by IntelliJ IDEA.
  User: hp
  Date: 2022/3/12
  Time: 8:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html> <%--声明文档的解析类型，避免浏览器的怪异模式--%>
<html lang="en"> <%--language语言为英文--%>
<head>
    <meta charset="UTF-8"> <%--字符编码格式：万国码--%>
    <title>Display Student Information</title>
    <style>
        body{
            font-family: "Comic Sans MS", cursive, sans-serif;
        }
    </style>
</head>
<body background="1.jpg">
    <h2 style="text-align: center;color: darkgreen">学生信息</h2>
    <div style="text-align: left;margin-left: 300px; color: darkgreen;" > <%--设置div的外延边距--%>

        <%--placeholder属性设置input文本框的提示信息--%>

        <form action="/demo1" method="get">
            <p>查询所有学生信息（All Student）
            <input placeholder="请输入hdfs读取路径" name="srcPath" style="margin-left: 120px">
            <input type="submit">
            </p>
        </form>

        <form action="/demo2" method="get">
            <p>查询个人信息（Individual Student）
            <input placeholder="请输入学号" name="Id" style="margin-left: 95px">
            <input type="submit"></p>
            <input placeholder="请输入学生姓名" name="name" style="margin-left: 370px">
            <input type="submit">

        </form>

        <form action="/demo3" method="get" >
            <p>查询学生学籍信息（Student Status）
            <select name="status" id="status" style="margin-left: 95px">
                <option value="hh"></option>
                <option value="zaiji">A</option>
                <option value="lixiao">L</option>
            </select>
            <input type="submit">
            </p>
        </form>

        <form action="/demo4" method="get">
            <p>查询一个学期的学生名单（Semester）
            <select name="semester" id="semester"style="margin-left: 85px">
                <option value="hh">请输入要查询的学期</option>
                <option value="one">1</option>
                <option value="two">2</option>
                <option value="three">3</option>
                <option value="four">4</option>
                <option value="five">5</option>
                <option value="six">6</option>
                <option value="seven">7</option>
                <option value="eight">8</option>
            </select>
            <input type="submit">
            </p>
        </form>

        <form action="/demo5" method="get">
            <p>查询入学日期相同的学生(Enrollment Date)
            <input placeholder="请输入日期 例：年-月-日" name="date" style="margin-left: 55px" type="date">
            <input type="submit">
            </p>
        </form>

        <form action="/demo6" method="get">
            <p>上传学生信息（Upload the Student)
            <input placeholder="请输入本地上传的源路径" name="srcPath"style="margin-left: 100px">
            </p>
            <input placeholder="请输入hdfs路径" name="destPath" style="margin-left: 370px">
            <input type="submit">

        </form>

        <form action="/demo7" method="get" >
            <p>下载学生信息（Download the Student)
            <input placeholder="请输入数据的输入路径" name="srcPath" style="margin-left: 75px">
            </p>
            <input placeholder="请输入数据的输出路径" name="destPath" style="margin-left: 370px">
            <input type="submit">
        </form>

        <form action="/demo8" method="get">
            <p>读取文件（Read the File）
            <input placeholder="请输入hdfs读取路径" name="srcPath" style="margin-left: 170px">
            <input type="submit">
            </p>
        </form>
    </div>

</body>
</html>
